<template>
  <button
    :action="action"
    @click="compute"
  >
    {{ innerText }}
  </button>
</template>

<script>
export default {
  name: 'CounterButton',
  props: {
    action: String,
    innerText: String
  },
  methods: {
    compute(){
      this.$emit('dispatch', this.action)
    }
  }
}
</script>

<style>

</style>
